<template>
  <a-drawer
    title="数据规则/按钮权限配置"
    width="365"
    :closable="false"
    @close="onClose"
    :visible="visible"
  >
    <a-tabs defaultActiveKey="1">
      <a-tab-pane tab="数据规则" key="1">
        <a-checkbox-group
          v-model="dataruleChecked"
          v-if="dataruleList.length > 0"
        >
          <a-row>
            <a-col
              :span="24"
              v-for="(item, index) in dataruleList"
              :key="'dr' + index"
            >
              <a-checkbox :value="item.id">{{ item.ruleName }}</a-checkbox>
            </a-col>

            <a-col :span="24">
              <div style="width: 100%; margin-top: 15px;">
                <a-button
                  @click="saveDataruleForRole"
                  type="primary"
                  size="small"
                  icon="save"
                  >点击保存</a-button
                >
              </div>
            </a-col>
          </a-row>
        </a-checkbox-group>
        <div v-else>
          <h3>无配置信息!</h3>
        </div>
      </a-tab-pane>
    </a-tabs>
  </a-drawer>
</template>

<script>
import ARow from 'ant-design-vue/es/grid/Row';
import ACol from 'ant-design-vue/es/grid/Col';
import {getAction, postAction} from '@/api/manage';

export default {
  name: 'DepartDataruleModal',
  components: {ACol, ARow},
  data() {
    return {
      functionId: '',
      departId: '',
      visible: false,
      tabList: [
        {
          key: '1',
          tab: '数据规则',
        },
        {
          key: '2',
          tab: '按钮权限',
        },
      ],
      activeTabKey: '1',
      url: {
        datarule: '/sys/sysDepartPermission/datarule',
      },
      dataruleList: [],
      dataruleChecked: [],
    };
  },
  methods: {
    loadData() {
      getAction(
        `${this.url.datarule}/${this.functionId}/${this.departId}`
      ).then((res) => {
        if (res.success) {
          this.dataruleList = res.result.datarule;
          let drChecked = res.result.drChecked;
          if (drChecked) {
            this.dataruleChecked = drChecked.split(',');
          }
        }
      });
    },
    saveDataruleForRole() {
      if (!this.dataruleChecked || this.dataruleChecked.length == 0) {
        this.$message.warning('请注意，现未勾选任何数据权限!');
      }
      let params = {
        permissionId: this.functionId,
        departId: this.departId,
        dataRuleIds: this.dataruleChecked.join(','),
      };
      postAction(this.url.datarule, params).then((res) => {
        if (res.success) {
          this.$message.success(res.message);
        } else {
          this.$message.error(res.message);
        }
      });
    },
    show(functionId, departId) {
      this.onReset();
      this.functionId = functionId;
      this.departId = departId;
      this.visible = true;
      this.loadData();
    },
    onClose() {
      this.visible = false;
      this.onReset();
    },
    onTabChange(key) {
      this.activeTabKey = key;
    },
    onReset() {
      this.functionId = '';
      this.departId = '';
      this.dataruleList = [];
      this.dataruleChecked = [];
    },
  },
};
</script>

<style scoped></style>
